<!doctype html>
<html><head><title>Dynamic manipulation of !important</title>
<style>
div { float: left; width: 50px; height: 50px; margin: 5px;
      background-color: green }
div#control { width: 230px }
p { clear: left }
</style>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
<p></p>
<div></div>
<div></div>
<div></div>
<div></div>
<p></p>
<div id="control"></div>
<p>There should be two rows of four green squares and one solid green
   bar above.</p>
</body>
</html>
